<template>
	<view class="page-container">
		
		<!-- 首页顶部栏 -->
		<view class="global-header-bar">
			<!-- <view class="global-header-bar__select">选择城市<text class="icon iconfont">&#xe674;</text></view> -->
			<view class="global-header-bar__search" @click="jumpGlobalSearch">
				<text class="icon iconfont">&#xe686;</text>
				<text class="desc">{{uniHotSearchDefault}}</text>
			</view>
		</view>
		
		<!-- banner -->
		<view v-if="bannerList.length>0" class="banner">
			<swiper class="swiper" indicator-dots="true" indicator-color="rgba(255,255,255,.7)" duration="300" autoplay="true" interval="5000" indicator-active-color="#fff">
				<block v-for="(item,index) in bannerList" :key="index">
					<swiper-item>
						<image @click="toAds(item)" :src="item.adsrc" mode="aspectFill"></image>
					</swiper-item>
				</block>
			</swiper>
		</view>
		
		<!-- 首页导航栏开始 -->
		<swiper class="menu-swiper h180" v-if="sHeight == 1 && isSwitch == true" :indicator-dots="navdots" indicator-active-color="#2dbb55" indicator-color="#e5e5e5">
			<block v-for="(item,index) in navList" :key="index">
				<swiper-item class="menu-info clearfix">
					<block v-for="(item1,index1) in item" :key="index1">
						<view class="list-url" @click="toNavPage(item1)">
							<image class="item-pic" :src="item1.m_ico"></image>
							<view class="item-text">{{item1.m_title}}</view>
						</view>
					</block>
				</swiper-item>
			</block>
		</swiper>
			
		<swiper class="menu-swiper h380" v-if="sHeight == 2 && isSwitch == true" :indicator-dots="navdots" indicator-active-color="#2dbb55" indicator-color="#e5e5e5">
			<block v-for="(item,index) in navList" :key="index">
				<swiper-item class="menu-info clearfix">
					<block v-for="(item1,index1) in item" :key="index1">
						<view class="list-url" @click="toNavPage(item1)">
							<image class="item-pic" :src="item1.m_ico"></image>
							<view class="item-text">{{item1.m_title}}</view>
						</view>
					</block>
				</swiper-item>
			</block>
		</swiper>
		
		<swiper class="menu-swiper h416" v-if="sHeight == 3 && isSwitch == true" :indicator-dots="navdots" indicator-active-color="#2dbb55" indicator-color="#e5e5e5">
			<block v-for="(item,index) in navList" :key="index">
				<swiper-item class="menu-info clearfix">
					<block v-for="(item1,index1) in item" :key="index1">
						<view class="list-url" @click="toNavPage(item1)">
							<image class="item-pic" :src="item1.m_ico"></image>
							<view class="item-text">{{item1.m_title}}</view>
						</view>
					</block>
				</swiper-item>
			</block>
		</swiper>
		
		<view class="menu-container" v-for="(item,index) in navList" :key="index" v-if="isSwitch == false">
			<view class="menu-container__item" v-for="citem in item" :key="citem.id" @click="toNavPage(citem)">
				<image class="icon" :src="citem.m_ico" mode="aspectFill"></image>
				<view class="name">{{citem.m_title}}</view>
			</view>
		</view>
		
		<!-- 热门精选 -->
		<view class="module-container" v-if="navAdsList.length">
			<view class="module-container__bar">
				<text class="title">热门精选</text>
			</view>
			<view class="module-container__wrap">
				<view class="module-banner">
					<block v-for="(item,index) in navAdsList"  :key="index">
						<block v-if="index <= 2"> 
							<image class="item"  @click="toAds(item)" :src="item.adsrc" mode="aspectFill"></image>
						</block>
					</block>
				</view>
			</view>
		</view>
		
		<!-- 推荐线路 -->
		<view class="module-container" v-if="hotLines.length">
			<view class="module-container__bar">
				<text class="title">推荐线路</text>
			</view>
			<view class="module-container__wrap">
				<view class="hot-line-group">
					<view class="hot-line-group__item" v-for="item in hotLines" :key="item.id" @click="toDetail(1, item.id)">
						<view class="hd">
							<image class="img" :src="item.litpic" mode="aspectFill"></image>
							<view class="info">
								<view class="price" v-if="item.price > 0">{{globalExchangeRate}}<text class="num">{{item.price}}</text>起</view>
								<view class="price" v-else><text class="dx">电询</text></view>
								<view class="data">
									<text class="label"><text class="num">{{item.sellnum}}</text>人出游</text>
									<text class="label" v-if="cfg_satisfy==1">{{item.satisfyscore}}满意</text>
								</view>
							</view>
						</view>
						<view class="title">{{item.title}}</view>
					</view>
				</view>
			</view>
			<view class="module-more-bar">
				<text @click="toProductIndex(1)" class="module-more-bar__txt">查看更多</text>
				<text class="module-more-bar__icon iconfont">&#xe68d;</text>
			</view>
		</view>
		
		<!-- 热门酒店 -->
		<view class="module-container" v-if="hotHotels.length">
			<view class="module-container__bar">
				<text class="title">热门酒店</text>
			</view>
			<view class="module-container__wrap">
				<view class="hot-product-group">
					<view class="hot-product-group__item" v-for="item in hotHotels" :key="item.id" @click="toDetail(2, item.id)">
						<image class="hd" :src="item.litpic" mode="aspectFill"></image>
						<view class="bd">
							<view class="title">{{item.title}}</view>
							<view class="info">
								<view class="price" v-if="item.price > 0"><text class="jg">{{globalExchangeRate}}<text class="num">{{item.price}}</text></text>起</view>
								<view class="price" v-else><text class="jg"><text class="dx">电询</text></text></view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="module-more-bar">
				<text @click="toProductIndex(2)" class="module-more-bar__txt">查看更多</text>
				<text class="module-more-bar__icon iconfont">&#xe68d;</text>
			</view>
		</view>
		
		<!-- 特惠门票 -->
		<view class="module-container" v-if="hotTickets.length">
			<view class="module-container__bar">
				<text class="title">特惠门票</text>
			</view>
			<view class="module-container__wrap">
				<view class="hot-ticket-group">
					<view class="hot-ticket-group__item" v-for="item in hotTickets" :key="item.id" @click="toDetail(5, item.id)">
						<view class="hd">
							<image class="img" :src="item.litpic" mode="aspectFill"></image>
							<view class="sell">已售{{item.sellnum}}</view>
						</view>
						<view class="bd">
							<view class="title">{{item.title}}</view>
							<view class="info">
								<view class="price" v-if="item.price > 0"><text class="jg">{{globalExchangeRate}}<text class="num">{{item.price}}</text></text>起</view>
								<view class="price" v-else><text class="jg"><text class="dx">电询</text></text></view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="module-more-bar">
				<text @click="toProductIndex(5)" class="module-more-bar__txt">查看更多</text>
				<text class="module-more-bar__icon iconfont">&#xe68d;</text>
			</view>
		</view>
		
		<!-- 热门攻略 -->
		<view class="module-container" v-if="raiders.length">
			<view class="module-container__bar">
				<text class="title">热门攻略</text>
			</view>
			<view class="module-container__wrap">
				<view class="hot-raiders-group">
					<block v-for="(item, index) in raiders" :key="item.id">
						<view class="hot-raiders-group__item_t" v-if="index < 2" @click="toDetail(4, item.id)">
							<view class="content">
								<image class="img" :src="item.litpic" mode="aspectFill"></image>
								<view class="info">
									<view class="title">{{item.title}}</view>
									<view class="data">
										<view class="label"><text class="iconfont">&#xe62b;</text>{{item.shownum}}</view>
										<view class="label"><text class="iconfont">&#xe625;</text>{{item.commentnum}}</view>
									</view>
								</view>
							</view>
						</view>
						<view class="hot-raiders-group__item_b" v-if="index >= 2" @click="toDetail(4, item.id)">
							<view class="info">
								<view class="title">{{item.title}}</view>
								<view class="data">
									<view class="label"><text class="iconfont">&#xe62b;</text>{{item.shownum}}</view>
									<view class="label"><text class="iconfont">&#xe625;</text>{{item.commentnum}}</view>
								</view>
							</view>
						</view>
					</block>
				</view>
			</view>
			<view class="module-more-bar">
				<text @click="toProductIndex(4)" class="module-more-bar__txt">查看更多</text>
				<text class="module-more-bar__icon iconfont">&#xe68d;</text>
			</view>
		</view>
		
		<view class="footer-banner" v-if="footerAdImg.length" v-for="item in footerAdImg" :key="item.id">
			<image class="img" :src="item.adsrc" mode="aspectFill" @click="toAds(item)"></image>
		</view>
		
		<st-footer-filing></st-footer-filing>
		<!-- 底部备案信息 -->
		
		<st-customize-footer></st-customize-footer>
		<!-- 自定义tabBar -->
		
		<st-screen-advertising></st-screen-advertising>
		 <!-- 营销推荐 -->	
	</view>
</template>

<script>
	import stCustomizeFooter from "@/components/st-customize-footer.vue"
	import { adsPath, adsClientNo } from '@/utils/ads.js'
	import { getProDetailPage, getProIndexPage } from "@/utils/toPath.js"
	import { check_app_install, check_model_open } from '@/utils/utils.js'
	export default {
		components: {
			stCustomizeFooter
		},
		data() {
			return {
				uniHotSearchDefault: '',
				bannerList: [],
				menu_swiper: 296,
				navdots: false,
				isSwitch: true,
				navList: [], // 导航列表
				navAdsList: [], // 导航下方广告位
				hotLines: [], // 推荐线路
				hotHotels: [], // 热门酒店
				hotTickets: [], // 特惠门票
				raiders: [], // 攻略列表
				footerAdImg: '',
				sHeight: 1,
				cfg_satisfy:0,
			}
		},
		created() {
			this.cfg_satisfy=uni.getStorageSync('cfg_satisfy')
			this.getBanner(); // banner
			this.getIndexNav(); // 首页导航
			this.getNavAd(); // 导航下广告位
			this.getFooterAd(); // 底部广告位
			// 热门线路
			if (this.checkAppInstall('system_line') && check_model_open(1)) {
				this.getHotLines();
			}
			// 热门酒店
			if (this.checkAppInstall('system_hotel') && check_model_open(2)) {
				this.getHotHotels();
			}
			// 特惠门票
			if (this.checkAppInstall('system_spot') && check_model_open(5)) {
				this.getHotTickets();
			}
			// 获取攻略
			if (this.checkAppInstall('system_article') && check_model_open(4)) {
				this.getRaiders();
			}
			// 全局热搜词
			this.uniHotSearchDefault = uni.getStorageSync('uniHotSearchDefault');
		},
		methods: {
			
			// 全局搜索
			jumpGlobalSearch() {
				uni.navigateTo({
					url: './search'
				})
			},
			
			// banner
			async getBanner() {
				let res, client_no = adsClientNo(),
					params = {
						method: 'api/v2/system/new_ads',
						prefix: 's_index',
						client_no: client_no,
						custom_label: 'uni_index_basis_banner'
					}
				res = await this.$http(params);
				if (res.status) {
					this.bannerList = res.data;
				}
			},
			
			// 导航下方广告位
			async getNavAd() {
				let res, client_no = adsClientNo(),
					params = {
						method: 'api/v2/system/new_ads',
						prefix: 's_index',
						client_no: client_no,
						custom_label: 'uni_index_nav_single'
					}
				res = await this.$http(params);
				//console.log(res)
				if (res.status) {
					this.navAdsList = res.data;
				}
			},
			
			// 底部广告位
			async getFooterAd() {
				let res, client_no = adsClientNo(),
					params = {
						method: 'api/v2/system/new_ads',
						prefix: 's_index',
						client_no: client_no,
						custom_label: 'uni_index_bottom'
					}
				res = await this.$http(params);
				if (res.status) {
					this.footerAdImg = res.data;
				}
			},
			
			// 前往广告位的页面
			toAds(item) {
				adsPath(item.adtype, item.typeid, item.proid, item.adlink, item.adname);
			},
			
			// 首页导航
			async getIndexNav() {
				let res, client_no = adsClientNo(),
				params = {
					client_no: client_no,
					method: 'api/v2/index/index_nav',
				};
				res = await this.$http(params);
				if (res.status) {
					// 导航初始化
					this.isSwitch = res.data.list.length > 2 ? true : false;
					this.navdots = res.data.list.length > 10 ? true : false;
					this.menu_swiper = res.data.list.length <= 5 ? this.sHeight=1 : (res.data.list.length > 10 ? this.sHeight=3 : this.sHeight=2);
					let index = 0;
					let newArray = [];
					while (index < res.data.list.length) {
						newArray.push(res.data.list.slice(index, index += 10));
					}
					this.navList = newArray;
				}
			},
			
			// 前往导航所在页面
			toNavPage(item) {
				adsPath(item.type, item.m_typeid, item.product_id, item.m_url, item.m_title,item.is_nested);
				// if (item.type == 1) {
				// 	let url = item.m_url + '?' + item.m_params
				// 	uni.navigateTo({
				// 		url: url
				// 	})
				// } else {
				// 	uni.navigateTo({
				// 		url: '/pages/ubase/webview?path=' + item.m_url + '&adname=' + item.m_title
				// 	})
				// }
			},
			
			// 获取热门线路产品
			async getHotLines() {
				let params = {
					method: 'api/v2/index/hot_product',
					row: 4,
					typeid: 1
				};
				let res = await this.$http(params);
				if (res.status) {
					this.hotLines = res.data;
				}
			},
			
			// 获取热门酒店产品
			async getHotHotels() {
				let params = {
					method: 'api/v2/index/hot_product',
					row: 4,
					typeid: 2
				};
				let res = await this.$http(params);
				if (res.status) {
					this.hotHotels = res.data;
				}
			},
			
			// 获取特惠门票产品
			async getHotTickets() {
				let params = {
					method: 'api/v2/index/hot_product',
					row: 6,
					typeid: 5
				};
				let res = await this.$http(params);
				if (res.status) {
					this.hotTickets = res.data;
				}
			},
		
			// 获取热门攻略
			async getRaiders() {
				let params = {
					method: 'api/v2/index/hot_raiders',
					row: 6
				};
				let res = await this.$http(params);
				if (res.status) {
					this.raiders = res.data.list;
				}
			},
			
			// 前往产品首页
			toProductIndex(typeid) {
				let path = getProIndexPage(typeid);
				if (path) {
					uni.navigateTo({
						url: path
					})
				}
			},
			
			// 前往产品详情页面
			toDetail(typeid, id) {
				let path = getProDetailPage(typeid, {
					id: id
				});
				if (path) {
					uni.navigateTo({
						url: path
					})
				}
			},
			
			// 检查app是否安装
			checkAppInstall(appname) {
				return check_app_install(appname);
			}
		
		}
	}
</script>

<style lang="scss">
.global-header-bar {
	padding: 20rpx 24rpx;
	background-color: $uni-bg-color;
	&__select {
		color: $uni-text-color-primary;
		height: 64rpx;
		line-height: 64rpx;
		font-size: $uni-font-size-base;

		.icon {
			vertical-align: middle;
			margin: -2rpx 0 0 6rpx;
		}
	}
	&__search {
		color: $uni-text-color-grey;
		flex: 1 1 auto;
		height: 64rpx;
		line-height: 64rpx;
		text-align: center;
		border-radius: 80rpx;
		font-size: 26rpx;
		background-color: #f6f6f8;
		.icon {
			color: #c0c0c0;
			margin-right: 8rpx;
			font-size: $uni-font-size-base;
		}
	}
}

.banner {
	.swiper, image {
		height: 400rpx;
	}
	image {
		display: block;
		width: 100%;
	}
}

// 首页主导航 
.menu-swiper {
	height: 296rpx;
	margin-bottom: 20rpx;
	background: #fff;
}

.menu-swiper.h180 {
	height: 180rpx;
}

.menu-swiper.h214 {
	height: 214rpx!important;
}
.menu-swiper.h380 {
	height: 380rpx!important;
}
.menu-swiper.h416 {
	height: 416rpx!important;
}

.menu-info {
	/* #ifdef MP-WEIXIN || H5 || MP-TOUTIAO || MP-360 || MP-BAIDU || MP-QQ  */ 
	width: 702rpx!important;
	/* #endif */
	/* #ifdef MP-ALIPAY  */ 
	width: 100%!important;
	/* #endif */
	padding: 0 25rpx;
	text-align: center;
}

.menu-info .list-url {
	float: left;
	width: 20%;
	padding: 10rpx 0;
	text-align: center;
	margin-top: 12rpx;
}

.menu-info .item-pic {
	display: block;
	width: 100rpx;
	height: 100rpx;
	margin: 0 auto
}

.menu-info .item-text {
	font-size: 24rpx;
	height: 48rpx;
	line-height: 48rpx;
}

.menu-swiper .uni-swiper-dots.uni-swiper-dots-horizontal {
	position: absolute;
	width: 100%;
	bottom: 15rpx;
	z-index: 999;
	text-align: center
}

.menu-swiper .uni-swiper-dot {
	display: inline-block;
	width: 14rpx;
	height: 14rpx;
	margin: 0 5rpx;
	position: relative
}

.menu-swiper .uni-swiper-dot::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 14rpx;
	height: 14rpx;
	background: #e5e5e5;
	border-radius: 14rpx;
	transform: translateX(-50%);
	vertical-align: middle
}

.menu-swiper .uni-swiper-dot-active::before {
	width: 29rpx;
	height: 14rpx;
	background: #2dbb55;
}

.uni-swiper-dots-horizontal .uni-swiper-dot:last-child {
	margin-right: 0;
	background: #54e17b !important;
	width: 30rpx !important;
	border-radius: 4px;
}

.menu-container{
	display: flex;
	align-items: center;
	margin-bottom: 20rpx;
	background-color: $uni-bg-color;
	&__item{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		padding: 20rpx 0;
		position: relative;
		&:after{
			content: "";
			display: inline-block;
			width: 2rpx;
			height: 80rpx;
			position: absolute;
			left: 0;
			top: 50%;
			margin-top: -40rpx;
			background-color: #e5e5e5;
		}
		.icon{
			width: 100rpx;
			height: 100rpx;
		}
		.name{
			margin-left: 30rpx;
			font-size: 28rpx;
		}
	}
}

.module-container{
	margin-bottom: 20rpx;
	background-color: $uni-bg-color;
	&__bar{
		padding: 24rpx;
		.title{
			font-size: $uni-font-size-lg;
			font-weight: bold;
		}
	}
}

.hot-product-group{
	padding: 14rpx;
	position: relative;
	&:after{
		@include line
	}
	&__item {
		display: inline-block;
		width: 340rpx;
		margin: 10rpx;
		overflow: hidden;
		vertical-align: top;
		background-color: $uni-bg-color;
		
		.hd {
			width: 340rpx;
			height: 230rpx;
			border-radius: $uni-border-radius-lg;
		}
		
		.bd {
			.title {
				@include ellipse;
				padding: 0 12rpx;
				margin-top: 12rpx;
				font-size: $uni-font-size-base;
			}
		
			.info {
				display: flex;
				justify-content: space-between;
				align-items: center;
				color: $uni-text-color-grey;
				padding: 12rpx;
				font-size: $uni-font-size-mini;
				font-family: Arial, Helvetica, sans-serif;
		
				.price {
					.jg {
						color: $uni-text-color-price;
		
						.num {
							font-size: $uni-font-size-lg;
							font-weight: bold;
							font-family: Arial, Helvetica, sans-serif;
						}
						.dx{
							font-size: $uni-font-size-base;
							font-weight: bold;
							font-family: Arial, Helvetica, sans-serif;
						}
					}
				}
			}
		}
	}
}

.module-banner {
	@include displayflex;
	padding: 0 18rpx 24rpx;
	margin-bottom: 20rpx;
	background-color: $uni-bg-color;
	.item {
		flex: 0 0 auto;
		width: 230rpx;
		height: 300rpx;
		margin: 0 4rpx;
		&:first-child{
			border-top-left-radius: 24rpx;
			border-bottom-left-radius: 24rpx;
		}
		&:last-child{
			border-top-right-radius: 24rpx;
			border-bottom-right-radius: 24rpx;
		}
	}
}

.hot-line-group{
	&__item{
		padding: 20rpx 24rpx;
		position: relative;
		&:after{
			@include line
		}
		&:first-child{
			padding-top: 0;
		}
		.hd{
			width: 702rpx;
			height: 350rpx;
			overflow: hidden;
			position: relative;
			border-radius: $uni-border-radius-lg;
			.img{
				width: 702rpx;
				height: 350rpx;
			}
			.info{
				display: flex;
				align-items: flex-end;
				justify-content: space-between;
				height: 200rpx;
				padding: 0 20rpx 20rpx;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				background: linear-gradient(to bottom, rgba(0,0,0,0) 10%, rgba(0,0,0,.2));
				.price{
					color: #fff;
					width: 200rpx;
					height: 60rpx;
					line-height: 60rpx;
					text-align: center;
					font-size: 24rpx;
					border-radius: $uni-border-radius-base;
					background-color: #f70;
					.num{
						padding: 0 4rpx;
						font-size: $uni-font-size-lg;
						font-family: Arial, Helvetica, sans-serif;
					}
					.dx{
						font-size: $uni-font-size-base;
						font-weight: bold;
					}
				}
				.data{
					color: #fff;
					font-size: 20rpx;
					.label{
						display: inline-block;
						margin-left: 20rpx;
						font-family: Arial, Helvetica, sans-serif;
						.num{
							color: #2dbb55;
						}
					}
				}
			}
		}
		.title{
			@include ellipses;
			margin-top: 16rpx;
			font-size: $uni-font-size-base;
		}
	}
}

.hot-ticket-group{
	display: flex;
	flex-wrap: wrap;
	padding: 12rpx;
	position: relative;
	&:after{
		@include line
	}
	&__item{
		width: 33.333333%;
		padding: 12rpx;
		box-sizing: border-box;
		.hd{
			width: 220rpx;
			height: 220rpx;
			position: relative;
			.img{
				width: 220rpx;
				height: 220rpx;
				border-radius: $uni-border-radius-lg;
			}
			.sell{
				@include ellipse;
				color: #fff;
				padding: 8rpx 12rpx;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				text-align: center;
				font-size: $uni-font-size-sm;
				font-family: Arial, Helvetica, sans-serif;
				background: linear-gradient(to bottom, rgba(0,0,0,0) 10%, rgba(0,0,0, .2));
			}
		}
		.bd{
			.title{
				@include ellipse;
				margin-top: 8rpx;
				font-size: $uni-font-size-base;
			}
			.info{
				margin-top: 8rpx;
				.price{
					color: #999;
					font-size: 20rpx;
					.jg{
						color: $uni-text-color-price;
						font-size: $uni-font-size-sm;
						.num{
							font-size: $uni-font-size-lg;
							font-weight: bold;
							font-family: Arial, Helvetica, sans-serif;
						}
						.dx{
							font-size: $uni-font-size-base;
							font-weight: bold;
						}
					}
				}
			}
		}
	}
}

.hot-raiders-group{
	display: flex;
	flex-wrap: wrap;
	padding: 0 12rpx 12rpx;
	&__item_t{
		width: 50%;
		padding: 12rpx;
		box-sizing: border-box;
		.content{
			width: 340rpx;
			height: 340rpx;
			overflow: hidden;
			position: relative;
			border-radius: $uni-border-radius-lg;
			.img{
				width: 340rpx;
				height: 340rpx;
			}
			.info{
				height: 130rpx;
				padding: 12rpx 12rpx 8rpx;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				background: rgba(0,0,0, .5);
				.title{
					@include ellipses;
					color: #fff;
					height: 80rpx;
					font-size: $uni-font-size-base;
				}
				.data{
					display: flex;
					justify-content: flex-end;
					padding-top: 12rpx;
					.label{
						color: #fff;
						display: inline-block;
						margin-left: 20rpx;
						font-size: 20rpx;
						font-family: Arial, Helvetica, sans-serif;
						&:last-child{
							.iconfont{
								font-size: 26rpx;
							}
						}
						.iconfont{
							vertical-align: middle;
							margin: -4rpx 4rpx 0 0;
						}
					}
				}
			}
		}
	}
	&__item_b{
		width: 50%;
		padding: 12rpx;
		box-sizing: border-box;
		.info{
			padding: 12rpx;
			background-color: #f5f5f5;
			.title{
				@include ellipses;
				height: 64rpx;
				font-size: $uni-font-size-sm;
			}
			.data{
				display: flex;
				padding-top: 12rpx;
				.label{
					color: #999;
					display: inline-block;
					margin-right: 20rpx;
					font-size: 20rpx;
					font-family: Arial, Helvetica, sans-serif;
					&:last-child{
						.iconfont{
							font-size: 26rpx;
						}
					}
					.iconfont{
						vertical-align: middle;
						margin: -4rpx 4rpx 0 0;
					}
				}
			}
		}
	}
}

.footer-banner .img{
	width: 750rpx;
	height: 400rpx;
}

.module-more-bar {
	color: $uni-text-color-primary;
	padding: 24rpx 0;
	text-align: center;

	&__txt {
		display: inline-block;
		vertical-align: middle;
		font-size: $uni-font-size-sm;
	}

	&__icon {
		vertical-align: middle;
		margin: 6rpx 0 0 8rpx;
	}
}
</style>
